
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Dalmobile-BA</title>
		
		<link href="http://www.dalmobile-ba.com.br/css/stylo.css" rel="stylesheet" type="text/css" media="screen" />
		<link href="http://www.dalmobile-ba.com.br/css/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" media="screen" />
		
		<script type="text/javascript" src="http://www.dalmobile-ba.com.br/js/jquery.min.js"></script>
		<script type="text/javascript" src="http://www.dalmobile-ba.com.br/js/jquery.fullbg.min.js"></script>
		<script type="text/javascript" src="http://www.dalmobile-ba.com.br/js/jquery-ui-1.8.17.custom.min.js"></script>
		<script type="text/javascript" src="http://www.dalmobile-ba.com.br/js/jcarousellite_1.0.1.min.js"></script>
		<script type="text/javascript" src="http://www.dalmobile-ba.com.br/js/mask.js"></script>
		<script type="text/javascript" src="http://www.dalmobile-ba.com.br/js/catalogo.js"></script>
		
		<script type="text/javascript">
			//http://www.agilecarousel.com/#examples procurar
			function screen_to(divClick,divTo){
				var divClick = divClick;
				var divTo = divTo;
				$(divClick).click(function(){
					$('html, body').animate({
					    scrollTop: $(divTo).offset().top
					}, 1000);
				});
			}
			
			$(function(){
				//$("#img_capa_01").fullBg();
				//$("#img_capa_02").fullBg();
				//$("#img_capa_03").fullBg();
				//motando catalogo
				var heightWin = $(window).height();
				var widthWin = $(window).width();
				heightWin = heightWin + 100;
				widthWin = widthWin - 20;
				$("#primeira_tela").css("height",heightWin).css("width", widthWin);
				var print = print_catalogo();
				//console.log(print);
				$(".jCarouselLite").html(print);
				//setando paginas
				screen_to("#principal","#primeira_tela");
				screen_to("#empresa","#segunda_tela");
				screen_to("#produto","#quarta_tela");
				screen_to("#servico","#terceira_tela");
				screen_to("#contato","#quinta_tela");
				//carousel
				$(".widget .jCarouselLite").jCarouselLite({
				    btnNext: ".widget .next",
				    btnPrev: ".widget .prev",
				    speed: 800,
				    visible: 4.6
				});
				
				$(".widget img").click(function() {
				    $(".widget .mid img").attr("src", $(this).attr("src"));
				})
				
			});	
			
		</script>
    </head>
	<body>
		<div id="page">
			<div id="topo">
				<div class="menu_admin">
					<ul>
						<li><a href="#principal" id="principal">Principal</a></li>
						<li><a href="#empresa" id="empresa">A Empresa</a></li>
						<li><a href="#servico" id="servico">Serviços</a></li>
						<li><a href="#produto" id="produto">Produtos</a></li>
						<li><a href="#contato" id="contato">Contatos</a></li>
					</ul>
				</div>
			</div>
			
			<div id="content">
				<div id="primeira_tela" style="margin: 0 auto;" >
					<img src="http://www.dalmobile-ba.com.br/img/imagem_capa_01.jpg"  border="0" id="img_capa_01" style="display: block" width="100%" height="80%" />
					<img src="http://www.dalmobile-ba.com.br/img/imagem_capa_03.jpg"  border="0" id="img_capa_03" style="display: none" width="100%" height="80%"  />
				</div>
				
				<br/>
				
				<div id="segunda_tela">
						<fieldset title=""  class="ui-widget ui-widget-content ui-corner-all" id="field_tela" >
			            <legend class="ui-widget-header ui-corner-all">A Empresa:</legend>
			             	<div class="div_field">
				             	<h2>Missão:</h2>
				             	<p>
				             		Proporcionar conforto e requinte, harmonizando os ambientes, buscando
									a integração dos elementos naturais em sintonia com as necessidades do
									dia-a-dia.
				             	</p>
				             	<h2>Histórico:</h2>
				             	<p>
				             		A empresa iniciou as suas atividades em Agosto de
									1993, no
									início atuávamos no mercado varejista de móveis e eletrodomésticos.
				             	</p>
				             	<p>
				             		A partir do ano de 2001, introduzimos em nossas lojas o segmento
									de móveis planejados em parceria com o grupo Todeschini onde
									trabalhávamos coma marca ITALINEA, no ano seguinte, passamos a ser a
									loja número 1 na Capital em vendas de planejados dessa fábrica.
				             	</p>
				             	<p>
				             		A empresa, atualmente, é especializada na venda de armários planejados da
									Dalmobile fabrica que atua já á 33 anos e fabrica móveis planejados para
									cozinhas, dormitórios, closets, home theater, áreas de serviço, banheiros, e
									também para ambientes corporativos.
				             	</p>
				             	<p>
				             		Possuímos uma extensa rede de parceiros: arquitetos, decoradores,
									fornecedores de granito, gesso, iluminação, piso, tinta, vidros, espelhos
									e Box Blindex. Profissionais e empresas aptas a atender você que está
									recebendo o seu imóvel ou está precisando reformar o que já possui.
				             	</p>
				             	<p>
				             		Possuindo uma base familiar a Dalmobile-Ba preza pela qualidade e bom
									atendimento, empreendendo atenção total ao cliente desde o primeiro
									contato até a finalização do Projeto.
				             	</p>
							</div>
			             </fieldset>
				    <br/>
		       </div><!-- end segunda_tela -->
				
				<br/>
				
				<div id="terceira_tela">
						<fieldset title=""  class="ui-widget ui-widget-content ui-corner-all" id="field_tela" >
			            <legend class="ui-widget-header ui-corner-all">Serviços:</legend>
			             	<div class="div_field">
				             	<p>
				             		Além do desenvolvimento de projetos para ambientação em endereços residências e comerciais 
					             	oferece em sua loja projetos de interiores, com  toda a assessoria necessária para a escolha 
					             	de materiais de acabamento e objetos de decoração. Com o objetivo de melhor atender seus 
					             	clientes oferece, em sua loja, o que há de mais moderno em computação gráfica apresentando 
					             	seus projetos com  visualização em  3D .
				             	</p>
				             	<p>
				             		Em nossos projetos, busca criar ambientes onde a estética e a funcionalidade convivam em 
									perfeita harmonia e cujo projeto final seja o reflexo das aspirações de cada cliente.
				             	</p>
				            </div>
			             </fieldset>
				    <br/>
		        </div><!-- end terceira_tela -->
		        
		        <div id="quarta_tela">
						<div class="carousel widget">
						    <div class="mid">
						        <img alt="1" width="800" height="600"  src="http://www.dalmobile-ba.com.br/img/catalogo/Cozinha_Ameixa_Negra_Preto.jpg">
						    </div>
						    <div class="faixa"></div>
					    	<button class="prev">&lt;&lt;</button>
						    <div class="jCarouselLite" >
						        <!--
						        <ul >
						            <li style="overflow: hidden; float: left; width: 170px; height: 125px;"><img width="100" height="68" alt="" src="img/catalogo/Cozinha_Ameixa_Negra_Preto.jpg"></li>
						            <li style="overflow: hidden; float: left; width: 170px; height: 125px;"><img width="100" height="68" alt="" src="img/catalogo/Closet_Roble_Gris_Branco.jpg"></li>
						            <li style="overflow: hidden; float: left; width: 170px; height: 125px;"><img width="100" height="68" alt="" src="img/catalogo/Consultorio_Cherry_Branco.jpg"></li>
						            <li style="overflow: hidden; float: left; width: 170px; height: 125px;"><img width="100" height="68" alt="" src="img/catalogo/Cozinha_Branca_Grigio.jpg"></li>
						        	<li style="overflow: hidden; float: left; width: 170px; height: 125px;"><img width="100" height="68" alt="" src="img/catalogo/Dormitorio_Casal Cherry_Papyrus.jpg"></li>
								</ul>
								-->
						    </div>
						    <button class="next">&gt;&gt;</button>
						</div>
				    <br/>
		        </div><!-- end quarta_tela -->
		        
		        <div id="quinta_tela">
						<fieldset title=""  class="ui-widget ui-widget-content ui-corner-all" id="field_tela" >
			            <legend class="ui-widget-header ui-corner-all">Contatos:</legend>
			             	<div class="div_field">
				             	<p>
				             		Para entrar em contato basta Preencher o formulario ou mandar um email para vendas@dalmobile-ba.com.br
				             	</p>
				             	<form>
				             		<table id="form-table" width="auto" border="0" cellspacing="1" cellpadding="1">
					                        <tr>
					                            <td ><label for="nome">Nome:</label></td>
					                            <td ><input type="text" id="nome" name="nome" size="40" maxlength="250" value=""/> </td>
					                    	</tr>
					                    	<tr>
					                            <td ><label for="telefone">Telefone:</label></td>
					                            <td ><input type="text" id="telefone" name="telefone" size="11" maxlength="250" value=""/> </td>
					                    	</tr>
					                    	<tr>
					                            <td ><label for="email">email:</label></td>
					                            <td ><input type="text" id="email" name="email" size="40" maxlength="250" value=""/> </td>
					                    	</tr>
					                    	<tr>
					                            <td ><label for="mensagem">Mensagem:</label></td>
					                            <td ><textarea id="mensagem" name="mensagem" cols="38"></textarea></td>
					                    	</tr>
					                </table>
					                <button id="enviar" type="button">Enviar</button>
				             	</form>
				            </div>
			             </fieldset>
				    <br/>
		        </div><!-- end quinta_tela -->
				
			</div><!-- end content -->
					
			<div id="footer">
				<div id="content_footer">
					<div class="note">
						<strong>Loja 1:</strong> Rua Rubem Berta nº46, Ed. Torre Pituba Residence, Loja 02, Pituba, 
						CEP.:41810-045 Salvador-Ba (Em frente á Faculdade Hélio Rocha) Tel.:(71) 3015-2244
						<br/>
						<strong>Loja 2:</strong> Rua Ministro Anrônio Carlos Magalhães nº 143, Leblon CEnter, Loja 06, 
						CEP.:42700-000 Lauro de Freitas-Ba (depois do CKL Material de Construção) Tel.:(71) 3026-2244
						<br/>
						<strong>Deposito/Escritorio Central: </strong>Rua Marechal Andreias nº68,Pituba, CEP.:41810-105 
						Salvador-Ba Tel.:(71) 3033-2244
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			$(window).load(function() {
				
				$(".prev").button();
				$(".next").button();
				$("#enviar").button();
				$("#telefone").mask("(99)9999-9999");
				
				//timeout rotativo de imagens na capa
				
				if($("#primeira_tela").is(":visible")){
					window.setInterval(function(){
						if($("#img_capa_01").css("display") == "block"){
							$("#img_capa_01").fadeOut("fast").css("display","none");
							$("#img_capa_03").fadeIn("fast").css("display","block");
						}else if($("#img_capa_03").css("display") == "block"){
							$("#img_capa_03").fadeOut("fast").css("display","none");
							$("#img_capa_01").fadeIn("fast").css("display","block");
						}
					},10000);
				}
				
			});
			
			//validação
			 function ajaxEnviarEmail(objContato){

                     $.ajax({
                            url: 'enviar.php',
                            dataType: 'html',
                            data: {
                                    nome    : objContato.nome,
                                    telefone: objContato.telefone,
                                    email   : objContato.email,
                                    mensagem:objContato.mensagem
                                },
                            type: 'POST',
                            beforeSend: function(){
                                $('body').prepend('<div align="center"  id="carregando">carregando...</div>');
                            },
                            complete: function() {
                                $("#carregando").remove();
                            },
                            success: function(data) {

                               	alert(data);
                               	$("#nome").val("");
                            	$("#email").val("");
                            	$("#telefone").val("");
                            	$("#mensagem").val("");

                            },
                            error: function(xhr,er) {
                                $('body').prepend('<p class="destaque">Error ' + xhr.status + ' - ' + xhr.statusText + '<br />Tipo de erro: ' + er +'</p>')
                            }
                    });

                }

                $(function(){
                    $("#enviar").click(function(){
                        var objContato = {
                            nome : $("#nome").val(),
                            email : $("#email").val(),
                            telefone : $("#telefone").val(),
                            mensagem : $("#mensagem").val()
                        }

                        var flag = true;
                        var aviso = "";
                        var ermail=/^([\w\-\.]+)@((\[([0-9]{1,3}\.){3}[0-9]{1,3}\])|(([\w\-]+\.)+)([a-zA-Z]{2,4}))$/;
                        if(objContato.nome == ""){
                            aviso += "O NOME é obrigatorio.\n";
                            flag = false;
                        }
                        if(objContato.email == ""){
                            aviso += "O EMAIL é obrigatorio.\n";
                            flag = false;
                        }
                        if(objContato.mensagem == ""){
                            aviso += "A MENSAGEM é obrigatorio.\n";
                            flag = false;
                        }
                        if(!ermail.test(objContato.email)){
                            aviso += "O EMAIL esta fora do padrão: xxx@xxx.com.\n";
                            flag = false;
                        }


                        if(!flag){
                            alert(aviso);
                        }else{
                           ajaxEnviarEmail(objContato);
                        }
                    });
                });
			
		</script>
	</body>
</html>
